<template>
	<view class="content">
		<!-- #ifdef MP-WEIXIN -->
		<navBar :bgMake="5" :Color="2" :title="pageData.website_article_title?pageData.website_article_title:''">
		</navBar>
		<!-- #endif -->
		<view class="rows p-bot30">
			<view class="viewbox bgwhite bor_radius_10 auto m-top24 padding20">
				<u-parse :content="pageData.website_article_content" :domain="imgUrl" @ready="Load = false"></u-parse>
			</view>
		</view>
		<Load v-if="Load"></Load>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Load: true,
				imgUrl: this.imgUrl,
				id: '',
				pageData: '',

			}
		},
		onLoad(opt) {
			if (opt.id) this.id = opt.id;
			this.articleInfo();
		},
		methods: {
			articleInfo() {
				this.$http.post({
					url: '/zzjApp/articleInfo',
					data: {
						website_article_id: this.id
					}
				}).then(res => {
					if (res.errcode != '00000') return;
					this.pageData = res.data;
					this.$BarTitle(this.pageData.website_article_title);
				})
			}
		}
	}
</script>
<style lang="scss">
	page {
		background-color: $pageBg;
	}
</style>
<style lang="scss" scoped>
	.content {
		width: 100%;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
</style>